<template>

    <div id="app">
        <div>

            <router-view></router-view>



            <!--  如何处理 -->
            <Footer v-show="!$route.path.includes('/detail')"></Footer>

        </div>

    </div>




</template>

<script setup lang="ts">

import Footer from '@/components/Footer.vue'

</script>

<style  lang="scss">
$myColor: red;

html,
body,
#app {
    height: 100%;
}

#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    width: 100%;
    max-width: 768px;
    min-width: 350px;
    /*no*/
    margin: 0 auto;
    // color: #2c3e50;
    color: $myColor;
    display: flex;
    flex-direction: column;

    // div {
    //     color: $myColor;
    // }
}
</style>